<template>
	<card-box title="联系方式">
		<div class="contact_us_wrapper">
			<div class="item" v-for="(item, index) in contactData" :key="index">
				<h4>{{ item.name }}</h4>
				<p>
					<span>{{ item.filed13 }}</span>
					<span>{{ item.filed14 }}</span>
					<span>{{ item.filed15 }}</span>
				</p>
			</div>
		</div>
	</card-box>
</template>

<script>
import { mapGetters } from 'vuex';
import cardBox from '@/views/common/cardBox';
export default {
	components: { cardBox },
	data() {
		return {};
	},
	computed: {
		...mapGetters(['siteConfig']),
		contactData() {
			if (!!this.siteConfig) {
				return this.siteConfig.filter((n) => n.type === '4');
			}
		}
	}
};
</script>

<style lang="scss" scoped>
.contact_us_wrapper {
	height: 252px;
	overflow: hidden;
	.item {
		padding: 12px 0;
		&:last-child {
			padding-bottom: 0;
		}
		h4 {
			font-size: 15px;
			line-height: 1;
		}
		p {
			line-height: 1;
			color: #909399;
			margin-top: 11px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		span {
			margin-right: 10px;
		}
	}
}
</style>
